{% extends 'base.html' %}
{% block javascript %}
    function toggle() {
        var ele = document.getElementById("link");
        if(ele.style.display == "block") {
            ele.style.display = "none";
            text.innerHTML = "show";
        }
        else {
            ele.style.display = "block";
            text.innerHTML = "hide";
        }
    }
{% endblock %}
{% block body %}
    <p><button onclick="toggle();">Pay to download the PDF</button><br/></p>
    <div id="link" style="display:none;">
        <a href="/static/pdf/romjul.pdf">Download here</a>
    </div>
{% endblock %}